<!--
*@Author: QWP
*@Description: 消息展示
*@Date: 2024-06-18 14:08:13
-->
<template>
  <el-popover
    placement="bottom"
    width="200"
    trigger="hover">
    <el-table :data="gridData">
      <el-table-column width="150" property="date" label="日期"></el-table-column>
      <el-table-column width="100" property="name" label="姓名"></el-table-column>
      <el-table-column width="300" property="address" label="地址"></el-table-column>
    </el-table>
    <el-badge :value="0" class="f-custom-notice f-margin-r32 "
      slot="reference">
      <span style="font-size: 14px;">消息</span>
      <i class="el-icon-chat-line-round" style="font-size: 16px; margin-left: 3px"></i>
    </el-badge>
  </el-popover>
</template>
<script>
export default {
  data () {
    return {}
  },
  mounted() {},
  methods: {}
}
</script>
<style lang='scss'>
.f-custom-notice {
  padding: 4px 6px;
  &:hover {
    cursor: pointer;
    border-radius: 4px;
    // border: 1px sol
    box-shadow: 0px 0 15px 0px rgb(32 143 241 / 40%);
  }
}
</style>